<!DOCTYPE html>
<html lang="en" style="font-size: 10px">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>汇才电商-首页</title>
    <script data-main="../src/apps/shuma.js" src="../src/require.js"></script>
    <script src="../src/config.js"></script>
    <link rel="stylesheet" href="./css/shuma.css">
</head>

<body>
    <!-- 头部 -->
    <header class="container-fluid">
        <div class="container search-box">千库10</div>
        <nav class="container nav">
            <ul id="move01">
                <li>精选</li>
                <li class="active">数码</li>
                <li>运动</li>
                <li>男装</li>
                <li>家电</li>
                <li>美妆</li>
                <li>个护</li>
                <li>男装</li>
                <li>家电</li>
                <li>美妆</li>
                <li>个护</li>
                <li>更多</li>
            </ul>
        </nav>
        <div class="container swipe-box" id="swipe01">
            <ul>
                <li>
                    <a href="#"><img src="https://img.imgdb.cn/item/6035cf935f4313ce25adf903.png"></a>
                </li>
                <li>
                    <a href="#"><img src="https://img.imgdb.cn/item/6035f8725f4313ce25c58bd8.png"></a>
                </li>
                <li>
                    <a href="#"><img src="https://img.imgdb.cn/item/6035f8c25f4313ce25c5bda2.png"></a>
                </li>
            </ul>

        </div>
    </header>
    <!-- icon 菜单 -->
    <ul class="container icon-nav">
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035cf935f4313ce25adf8ff.png" alt=""><span>手机</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035cfee5f4313ce25ae4305.png" alt=""><span>平板</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035f0a85f4313ce25c01873.png" alt=""><span>耳机</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035f10d5f4313ce25c0689f.png" alt=""><span>相机</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035f10d5f4313ce25c068ac.png" alt=""><span>手机配件</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035f10d5f4313ce25c068b8.png" alt=""><span>笔记本</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035f1c55f4313ce25c0db99.png" alt=""><span>电脑办公</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035f1c55f4313ce25c0dba2.png" alt=""><span>游戏机</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035f1c55f4313ce25c0dba7.png" alt=""><span>智能设备</span></a>
        </li>
        <li>
            <a href=""><img src="https://img.imgdb.cn/item/6035f1c55f4313ce25c0dbae.png" alt=""><span>值得买</span></a>
        </li>
    </ul>

    <!-- 广告图片 -->
    <div class="container ad-box01">
        <a href="#" class="box01-img1"><img src="https://img.imgdb.cn/item/6035f5525f4313ce25c33e23.png" alt=""></a>

        <a href="#" class="box01-img2"><img src="https://img.imgdb.cn/item/6035f97b5f4313ce25c63a3e.png" alt=""></a>

    </div>
    <div class="container  kkdr">
        <div class="kkdr-header">
            <div class="header-icon">
                <img src="https://img.imgdb.cn/item/6035fb875f4313ce25c7ce7c.png" alt="">
            </div>
            <div class="header-title">
                <p>款款动人</p>
                <span>这里都是TA想要的</span>
            </div>
            <div class="header-menu">
                <img src="https://img.imgdb.cn/item/60361cdc5f4313ce25f7b79d.png" alt="">
            </div>
        </div>
        <div class="kkdr-message">
            <ul class="container">
                <li><img src="https://img.imgdb.cn/item/603634565f4313ce25168877.png" alt="">
                    <p>手机</p>
                    <span>霸气手机 值得拥有</span>
                </li>
                <li><img src="https://img.imgdb.cn/item/603634565f4313ce2516888c.png" alt="">
                    <p>手机</p>
                    <span>霸气手机 值得拥有</span>
                </li>
                <li><img src="https://img.imgdb.cn/item/603634565f4313ce2516889c.png" alt="">
                    <p>手机</p>
                    <span>霸气手机 值得拥有</span>
                </li>
            </ul>
            <img src="https://img.imgdb.cn/item/603638f25f4313ce251c705b.png" alt="">
        </div>

        <div class="kkdr-header">
            <div class="header-icon">
                <img src="https://img.imgdb.cn/item/6035fb875f4313ce25c7ce7c.png" alt="">
            </div>
            <div class="header-title">
                <p>款款动人</p>
                <span>这里都是TA想要的</span>
            </div>
            <div class="header-menu">
                <img src="https://img.imgdb.cn/item/60361cdc5f4313ce25f7b79d.png" alt="">
            </div>
        </div>
        <div class="kkdr-message">
            <ul class="container">
                <li><img src="https://img.imgdb.cn/item/603634565f4313ce25168877.png" alt="">
                    <p>手机</p>
                    <span>霸气手机 值得拥有</span>
                </li>
                <li><img src="https://img.imgdb.cn/item/603634565f4313ce2516888c.png" alt="">
                    <p>手机</p>
                    <span>霸气手机 值得拥有</span>
                </li>
                <li><img src="https://img.imgdb.cn/item/603634565f4313ce2516889c.png" alt="">
                    <p>手机</p>
                    <span>霸气手机 值得拥有</span>
                </li>
            </ul>
            <img src="https://img.imgdb.cn/item/603638f25f4313ce251c705b.png" alt="">
        </div>


    </div>



    <footer class="container-fluid tabbar">

        <ul class="container-fluid">
            <li class="active">
                <a href="">
                    <i></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="">
                    <i></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="">
                    <i></i>
                    <span>发现</span>
                </a>
            </li>
            <li>
                <a href="">
                    <i></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>